.xy-font-20 {
  font-size: 20rpx;
}
.xy-font-22 {
  font-size: 22rpx;
}
.xy-font-24 {
  font-size: 24rpx;
}
.xy-font-26 {
  font-size: 26rpx;
}
.xy-font-28 {
  font-size: 28rpx;
}
.xy-font-30 {
  font-size: 30rpx;
}
.xy-font-32 {
  font-size: 32rpx;
}

.xy-base-border {
  border: 1px solid #F382AA;
}

.xy-border-b {
  border-bottom: 1rpx solid #e8e8e8;
}

.xy-border-t {
  border-top: 1rpx solid #e8e8e8;
}

.xy-bg-gradient {
  background: linear-gradient(130deg, #FEF1F5, #FFFFFF);
}
.xy-text-color {
  color: #F382AA;
}
.xy-bg-color {
  background-color: #F382AA;
}

.xy-text-333 {
  color: #333;
}
.xy-text-666 {
  color: #666;
}
.xy-text-999 {
  color: #999;
}

.truncate-1 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}

.truncate-2 {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.h-safe-top {
  height: var(--status-bar-height);
}